﻿<ResourceDictionary
    xmlns="http://schemas.microsoft.com/client/2007"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ribbon="clr-namespace:Infusion.Silverlight.Controls.Ribbon;assembly=Infusion.Silverlight.Controls"
    xmlns:input="clr-namespace:Infusion.Silverlight.Controls.Input;assembly=Infusion.Silverlight.Controls"
    xmlns:menu="clr-namespace:Infusion.Silverlight.Controls.Menu;assembly=Infusion.Silverlight.Controls">
    
    <!-- Ribbon -->
    <Style TargetType="ribbon:Ribbon">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:Ribbon">
                    <Canvas x:Name="RibbonLayoutRoot" Background="#D0D4DD" Width="{TemplateBinding Width}" Height="140" Canvas.Left="-5000" Canvas.Top="-5000">
                        
                        <Canvas.Clip>
                            <RectangleGeometry x:Name="RibbonLayoutRootClip" Rect="0,0,9000,9000" />
                        </Canvas.Clip>

                        <!-- Title Bar -->
                        <Canvas x:Name="TitleBar" Height="27" Width="{TemplateBinding Width}">
                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Offset="0.0" Color="#D4D6DA" />
                                    <GradientStop Offset="0.137" Color="#CACDD1" />
                                    <GradientStop Offset="0.138" Color="#BAC1CA" />
                                    <GradientStop Offset="0.95" Color="#E8ECF4" />
                                    <GradientStop Offset="1.0" Color="#ACAFB7" />
                                </LinearGradientBrush>
                            </Canvas.Background>
                        </Canvas>

                        <!-- Main Menu -->
                        <ribbon:RibbonMainMenu x:Name="MainMenu" Canvas.Top="27" />
                        
                        <Canvas.Resources>
                            <Storyboard x:Name="StoryboardMenuOpacity">
                                <DoubleAnimation From="1"
                                                 To="0"
                                                 Storyboard.TargetName="MainMenu"
                                                 Storyboard.TargetProperty="Opacity"
                                                 Duration="0:0:0.3" />
                            </Storyboard>
                        </Canvas.Resources>
                        
                        <!-- Office Button -->
                        <Grid x:Name="OfficeButtonLayout" Canvas.Left="4" Canvas.Top="4" Width="{TemplateBinding Width}" Height="37">
                            
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="37" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            
                            <Canvas Grid.Column="0" Background="Transparent">
                                
                                <Canvas.Resources>
                                    <Storyboard x:Name="AnimateHighlight">
                                        <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonBorder"
                                                        Storyboard.TargetName="EllipseOfficeButtonBorder"
                                                        Storyboard.TargetProperty="(Ellipse.Stroke).(SolidColorBrush.Color)"
                                                        Duration="0:0:0.3" />
                                        <ColorAnimation x:Name="ColorAnimationEllipseOfficeButton"
                                                        Storyboard.TargetName="EllipseOfficeButton"
                                                        Storyboard.TargetProperty="(Ellipse.Stroke).(SolidColorBrush.Color)"
                                                        Duration="0:0:0.3" />
                                        <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonGradient0"
                                                        Storyboard.TargetName="EllipseOfficeButton"
                                                        Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)"
                                                        Duration="0:0:0.3" />
                                        <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonGradient1"
                                                        Storyboard.TargetName="EllipseOfficeButton"
                                                        Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)"
                                                        Duration="0:0:0.3" />
                                        <ColorAnimation x:Name="ColorAnimationPathOfficeButtonHighlightGradient0"
                                                        Storyboard.TargetName="PathOfficeButtonHighlight"
                                                        Storyboard.TargetProperty="(Path.Fill).(RadialGradientBrush.GradientStops)[0].(GradientStop.Color)"
                                                        Duration="0:0:0.3" />
                                        <ColorAnimation x:Name="ColorAnimationPathOfficeButtonHighlightGradient1"
                                                        Storyboard.TargetName="PathOfficeButtonHighlight"
                                                        Storyboard.TargetProperty="(Path.Fill).(RadialGradientBrush.GradientStops)[1].(GradientStop.Color)"
                                                        Duration="0:0:0.3" />
                                    </Storyboard>
                                </Canvas.Resources>

                                <Ellipse Width="37" Height="37" Canvas.Left="0.5" Canvas.Top="0.5" Fill="#8091949A" />
                                <Ellipse x:Name="EllipseOfficeButtonBorder" Width="37" Height="37" Stroke="#85898C" />

                                <Ellipse x:Name="EllipseOfficeButton" Canvas.Left="1" Canvas.Top="1" Width="35" Height="35" Stroke="#FEFEFE">
                                    <Ellipse.Fill>
                                        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                            <GradientStop Offset="0.0" Color="#F7F7F7" />
                                            <GradientStop Offset="1.0" Color="#C8C8C8" />
                                        </LinearGradientBrush>
                                    </Ellipse.Fill>
                                </Ellipse>

                                <Path x:Name="PathOfficeButtonHighlight">
                                    <Path.Data>
                                        <PathGeometry>
                                            <PathGeometry.Figures>
                                                <PathFigure IsClosed="True" IsFilled="True" StartPoint="2,18">
                                                    <ArcSegment Point="35,18" SweepDirection="Clockwise" Size="30,15" />
                                                    <ArcSegment Point="2,18" SweepDirection="Clockwise" Size="8,8.3" />
                                                </PathFigure>
                                            </PathGeometry.Figures>
                                        </PathGeometry>
                                    </Path.Data>

                                    <Path.Fill>
                                        <RadialGradientBrush GradientOrigin="0.5,0.75" Center="0.5,0.75" RadiusX="1" RadiusY="2.6">
                                            <GradientStop Offset="0.0" Color="#FFFFFF" />
                                            <GradientStop Offset="1.0" Color="#989898" />
                                        </RadialGradientBrush>
                                    </Path.Fill>
                                </Path>

                                <!-- Quick Launch Buttons -->
                                <Grid x:Name="GridQuickLaunchButtons" Canvas.Left="46" Canvas.Top="-1.5">

                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="22" />
                                    </Grid.RowDefinitions>

                                    <Canvas Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="999" Background="#D3D7DD" />
                                    <Rectangle Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="999" Stroke="#99A3AF" StrokeThickness="0.5" />

                                </Grid>

                                <!-- Left Cap -->
                                <Canvas Canvas.Left="32" Canvas.Top="-1.25">
                                    <Path Fill="#D3D7DD" Stroke="#99A3AF" StrokeThickness="0.5">
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathGeometry.Figures>
                                                    <PathFigure IsClosed="False" IsFilled="True" StartPoint="15,0">
                                                        <LineSegment Point="0,0" />
                                                        <ArcSegment Point="12,22" IsLargeArc="False" SweepDirection="Clockwise" Size="19,24" />
                                                        <LineSegment Point="15,22" />
                                                    </PathFigure>
                                                </PathGeometry.Figures>
                                            </PathGeometry>
                                        </Path.Data>
                                    </Path>
                                </Canvas>

                                <!-- Right Cap (Canvas.Left = 45 + Sum[ColumnWidths] ) -->
                                <Canvas x:Name="CanvasQuickLaunchRightCap" Canvas.Left="121" Canvas.Top="-1.25">
                                    <Path Fill="#D3D7DD" Stroke="#99A3AF" StrokeThickness="0.5">
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathGeometry.Figures>
                                                    <PathFigure IsClosed="False" IsFilled="True" StartPoint="0,0">
                                                        <LineSegment Point="1,0" />
                                                        <ArcSegment Point="1,21.5" IsLargeArc="False" Size="40, 20" SweepDirection="Clockwise" />
                                                        <LineSegment Point="0,21.5" />
                                                    </PathFigure>
                                                </PathGeometry.Figures>
                                            </PathGeometry>
                                        </Path.Data>
                                    </Path>
                                    
                                    <!-- Quick Launch Menu -->
                                    <ribbon:RibbonButton Canvas.Left="9" Canvas.Top="-2" Format="Small" SmallImageSource="Images/QuickLaunchMenuArrow.png" SmallImageWidth="13" />
                                
                                </Canvas>

                            </Canvas>
                            
                            <Image x:Name="ImgOfficeButton" Grid.Column="0" Stretch="None" />
                            <Canvas x:Name="CanvasOfficeButtonClickSurface" Grid.Column="0" Background="Transparent" />
                            
                            <TextBlock Grid.Column="1" Text="Document1 - Silverlight Word" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                                       HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,2,0,0" />
                        </Grid>

                        <!-- Ribbon Body -->
                        <Canvas x:Name="RibbonBody" Width="300" Height="90" Canvas.Top="49" Canvas.Left="1">

                            <Canvas.Clip>
                                <RectangleGeometry x:Name="RibbonBodyClip" Rect="0,0,300,90" RadiusX="3" RadiusY="3" />
                            </Canvas.Clip>

                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Color="#EEF1F6" Offset="0.0" />
                                    <GradientStop Color="#E1E6EE" Offset="0.19" />
                                    <GradientStop Color="#D5DBE7" Offset="0.191" />
                                    <GradientStop Color="#EEF4F4" Offset="1.0" />
                                </LinearGradientBrush>
                            </Canvas.Background>

                            <Rectangle x:Name="RibbonBodyRectOutline" Canvas.Top="-0.5" Canvas.Left="-0.5"
                                       Width="301" Height="91" Stroke="#9D9E9F" StrokeThickness="1" RadiusX="3" RadiusY="3" />
                            
                        </Canvas>

                        <!-- Ribbon Tabs -->
                        <Grid x:Name="RibbonTabs" Canvas.Left="1" Canvas.Top="27" Width="{TemplateBinding Width}">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="46" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="22.5" />
                            </Grid.RowDefinitions>

                            <!-- Tabs -->
                            
                            <!-- Help Button -->
                            <ribbon:RibbonButton Grid.Column="1" Format="Small" SmallImageSource="Images/Help.png" HorizontalAlignment="Right" Margin="0,-2,2,0" />

                        </Grid>
                        
                        <ribbon:RibbonToolTip x:Name="ToolTip" Canvas.Top="-5000" Canvas.Left="-5000" />

                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <!-- RibbonTab -->
    <Style TargetType="ribbon:RibbonTab">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonTab">
                    <Canvas x:Name="RibbonTabLayoutRoot" Height="23" Width="65" Background="Transparent">

                        <Canvas.Resources>
                            <Storyboard x:Name="StoryboardTabHighlight">
                                <ColorAnimation Duration="0:0:0.2"
                                                To="Transparent"
                                                Storyboard.TargetName="RibbonTabLayoutRoot"
                                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation Duration="0:0:0.2"
                                                To="Transparent"
                                                Storyboard.TargetName="RibbonTabLayoutRoot"
                                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                <ColorAnimation Duration="0:0:0.2"
                                                To="Transparent"
                                                Storyboard.TargetName="RibbonTabLayoutRoot"
                                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[2].(GradientStop.Color)" />
                            </Storyboard>
                            
                            <Storyboard x:Name="StoryboardTabHighlightSelected">
                                <ColorAnimation Duration="0:0:0.2"
                                                To="#999999"
                                                Storyboard.TargetName="PathOuterBorder"
                                                Storyboard.TargetProperty="(Path.Stroke).(SolidColorBrush.Color)" />
                                <DoubleAnimation Duration="0:0:0.2"
                                                 To="1"
                                                 Storyboard.TargetName="PathOuterBorder"
                                                 Storyboard.TargetProperty="StrokeThickness" />
                                <DoubleAnimation Duration="0:0:0.2"
                                                 To="1"
                                                 Storyboard.TargetName="PathOuterBorder"
                                                 Storyboard.TargetProperty="Opacity" />
                            </Storyboard>
                        </Canvas.Resources>
                        
                        <Canvas.Clip>
                            <PathGeometry>
                                <PathGeometry.Figures>
                                    <PathFigure x:Name="PathCanvasClipFigure" IsClosed="False" StartPoint="0,23">
                                        <PathFigure.Segments>
                                            <LineSegment Point="0,22.5" />
                                            <ArcSegment SweepDirection="Counterclockwise" Point="2.5,20" Size="2.5,2.5" IsLargeArc="False" />
                                            <LineSegment Point="2.5,2.5" />
                                            <ArcSegment SweepDirection="Clockwise" Point="5,0" Size="2.5,2.5" IsLargeArc="False" />
                                            <LineSegment Point="60,0" />
                                            <ArcSegment SweepDirection="Clockwise" Point="62.5,2.5" Size="2.5,2.5" IsLargeArc="False" />
                                            <LineSegment Point="62.5,20" />
                                            <ArcSegment SweepDirection="Counterclockwise" Point="65,22.5" Size="2.5,2.5" IsLargeArc="False" />
                                            <LineSegment Point="65,23" />
                                        </PathFigure.Segments>
                                    </PathFigure>
                                </PathGeometry.Figures>
                            </PathGeometry>
                        </Canvas.Clip>

                        <Grid x:Name="GridText">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="65" />
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="25" />
                            </Grid.RowDefinitions>

                            <TextBlock x:Name="TxtTitle" Text="Home" Foreground="#4C535C" FontFamily="Calibri" FontSize="10.5"
                                       HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Grid>

                        <Path x:Name="PathOuterBorder" Canvas.Top="0" Canvas.Left="0" Stroke="#999999"
                              StrokeThickness="1" StrokeLineJoin="Round" Visibility="Collapsed">
                            <Path.Data>
                                <PathGeometry>
                                    <PathGeometry.Figures>
                                        <PathFigure x:Name="PathOuterBorderFigure" IsClosed="False" IsFilled="True" StartPoint="0,22.5">
                                            <PathFigure.Segments>
                                                <ArcSegment SweepDirection="Counterclockwise" Point="2.5,20" Size="2.5,2.5" IsLargeArc="False" />
                                                <LineSegment Point="2.5,2.5" />
                                                <ArcSegment SweepDirection="Clockwise" Point="5,0" Size="2.5,2.5" IsLargeArc="False" />
                                                <LineSegment Point="60,0" />
                                                <ArcSegment SweepDirection="Clockwise" Point="62.5,2.5" Size="2.5,2.5" IsLargeArc="False" />
                                                <LineSegment Point="62.5,20" />
                                                <ArcSegment SweepDirection="Counterclockwise" Point="65,22.5" Size="2.5,2.5" IsLargeArc="False" />
                                            </PathFigure.Segments>
                                        </PathFigure>
                                    </PathGeometry.Figures>
                                </PathGeometry>
                            </Path.Data>
                        </Path>

                        <Path x:Name="PathInnerBorder" Canvas.Top="0" Canvas.Left="0" Stroke="#FFFFFF"
                              StrokeThickness="1" StrokeLineJoin="Round" Visibility="Collapsed">
                            <Path.Data>
                                <PathGeometry>
                                    <PathGeometry.Figures>
                                        <PathFigure x:Name="PathInnerBorderFigure" IsClosed="False" IsFilled="True" StartPoint="0,22.5">
                                            <PathFigure.Segments>
                                                <ArcSegment SweepDirection="Counterclockwise" Point="2.5,20" Size="2.5,2.5" IsLargeArc="False" />
                                                <LineSegment Point="2.5,2.5" />
                                                <ArcSegment SweepDirection="Clockwise" Point="5,0" Size="2.5,2.5" IsLargeArc="False" />
                                                <LineSegment Point="58,0" />
                                                <ArcSegment SweepDirection="Clockwise" Point="60.5,2.5" Size="2.5,2.5" IsLargeArc="False" />
                                                <LineSegment Point="60.5,20" />
                                                <ArcSegment SweepDirection="Counterclockwise" Point="63,22.5" Size="2.5,2.5" IsLargeArc="False" />
                                            </PathFigure.Segments>
                                        </PathFigure>
                                    </PathGeometry.Figures>
                                    <PathGeometry.Transform>
                                        <TranslateTransform X="1" Y="1" />
                                    </PathGeometry.Transform>
                                </PathGeometry>
                            </Path.Data>
                        </Path>

                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonTabGroup -->
    <Style TargetType="ribbon:RibbonTabGroup">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonTabGroup">
                    <Canvas x:Name="RibbonTabGroupLayoutRoot" Width="266" Margin="0,0,3,0">

                        <Canvas.Resources>
                            <Storyboard x:Name="StoryboardCanvasHighlight">
                                <ColorAnimation Duration="0:0:0.5"
                                                To="#7FFFFFFF"
                                                Storyboard.TargetName="CanvasBody"
                                                Storyboard.TargetProperty="(Canvas.Background).(SolidColorBrush.Color)" />
                                <ColorAnimation Duration="0:0:0.5"
                                                To="#DEE2EE"
                                                Storyboard.TargetName="CanvasTitle"
                                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                <ColorAnimation Duration="0:0:0.5"
                                                To="#B3B9C7"
                                                Storyboard.TargetName="CanvasTitle"
                                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                            </Storyboard>
                        </Canvas.Resources>
                        
                        <Canvas.Clip>
                            <RectangleGeometry x:Name="RectLayoutClip" Rect="0,0,266,85" RadiusX="3" RadiusY="3" />
                        </Canvas.Clip>

                        <Grid x:Name="GridLayout">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="266" />
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="69" />
                                <RowDefinition Height="16" />
                            </Grid.RowDefinitions>

                            <Canvas x:Name="CanvasBody" Grid.Column="0" Grid.Row="0" Background="Transparent" Margin="0,1,0,0">
                                
                                <Grid x:Name="GridBodyLayout" Margin="3,0,3,0">
                                    
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="22" />
                                        <RowDefinition Height="22" />
                                        <RowDefinition Height="22" />
                                    </Grid.RowDefinitions>
                                    
                                    <!-- Content -->
                                    
                                </Grid>
                                
                            </Canvas>

                            <Canvas x:Name="CanvasTitle" Grid.Column="0" Grid.Row="1">
                                <Canvas.Background>
                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                        <GradientStop Color="#DFE3EF" Offset="0.0" />
                                        <GradientStop Color="#C3C7D1" Offset="1.0" />
                                    </LinearGradientBrush>
                                </Canvas.Background>

                                <Grid x:Name="GridTitle">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="248" />
                                        <ColumnDefinition Width="18" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="16" />
                                    </Grid.RowDefinitions>

                                    <TextBlock x:Name="TxtTitle" Grid.Column="0" Grid.Row="0" Text="Font" FontFamily="Calibri" FontSize="11" Foreground="#535459" TextAlignment="Center" />
                                    <Image x:Name="ImgDialog" Grid.Column="1" Grid.Row="0" Source="Images/DialogButton.png" Stretch="None" />
                                </Grid>
                            </Canvas>

                        </Grid>

                        <Rectangle x:Name="RectBorder" Canvas.Top="-0.5" Canvas.Left="-0.5" Width="267" Height="86" Stroke="#9D9E9F" StrokeThickness="1" RadiusX="3" RadiusY="3" />

                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonButton -->
    <Style TargetType="ribbon:RibbonButton">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonButton">
                    <Canvas x:Name="RibbonButtonLayoutRoot" Height="65" Width="44" Margin="0,1,0,0" Background="Transparent">

                        <Canvas.Clip>
                            <RectangleGeometry x:Name="RibbonButtonLayoutRootClip" Rect="0,0,44,65" RadiusX="3" RadiusY="3" />
                        </Canvas.Clip>

                        <Rectangle x:Name="RectInnerBorder" Canvas.Left="0.5" Canvas.Top="0" Width="43" Height="65" Stroke="Transparent" StrokeThickness="1" RadiusX="3" RadiusY="3" />
                        <Rectangle x:Name="RectOuterBorder" Canvas.Left="-0.5" Canvas.Top="-0.5" Width="45" Height="66" Stroke="Transparent" StrokeThickness="1" RadiusX="3" RadiusY="3" />

                        <Canvas x:Name="CanvasMenuSplit" Canvas.Top="35" Canvas.Left="0" Width="44" Height="30">
                            <Canvas.Clip>
                                <PathGeometry>
                                    <PathGeometry.Figures>
                                        <PathFigure x:Name="PathMenuSplitClipFigure" IsClosed="True" StartPoint="0,0">
                                            <PathFigure.Segments>
                                                <LineSegment Point="44,0" />
                                                <LineSegment Point="44,27" />
                                                <ArcSegment SweepDirection="Clockwise" Point="41,30" Size="3,3" IsLargeArc="False" />
                                                <LineSegment Point="3,30" />
                                                <ArcSegment SweepDirection="Clockwise" Point="0,27" Size="3,3" IsLargeArc="False" />
                                            </PathFigure.Segments>
                                        </PathFigure>
                                    </PathGeometry.Figures>
                                </PathGeometry>
                            </Canvas.Clip>

                            <Path x:Name="PathInnerBorder" Stroke="Transparent" StrokeThickness="1">
                                <Path.Data>
                                    <PathGeometry>
                                        <PathGeometry.Figures>
                                            <PathFigure x:Name="PathMenuSplitInnerBorderFigure" IsClosed="True" IsFilled="False" StartPoint="1,1">
                                                <PathFigure.Segments>
                                                    <LineSegment Point="43,1" />
                                                    <LineSegment Point="43,26" />
                                                    <ArcSegment SweepDirection="Clockwise" Point="40,29" Size="2.5,2.5" IsLargeArc="False" />
                                                    <LineSegment Point="3,29" />
                                                    <ArcSegment SweepDirection="Clockwise" Point="1,26" Size="2.5,2.5" IsLargeArc="False" />
                                                </PathFigure.Segments>
                                            </PathFigure>
                                        </PathGeometry.Figures>
                                    </PathGeometry>
                                </Path.Data>
                            </Path>

                            <Path x:Name="PathOuterBorder" Stroke="Transparent">
                                <Path.Data>
                                    <PathGeometry>
                                        <PathGeometry.Figures>
                                            <PathFigure x:Name="PathMenuSplitOuterBorderFigure" IsClosed="True" IsFilled="False" StartPoint="0,0">
                                                <PathFigure.Segments>
                                                    <LineSegment Point="44,0" />
                                                    <LineSegment Point="44,27" />
                                                    <ArcSegment SweepDirection="Clockwise" Point="41,30" Size="3,3" IsLargeArc="False" />
                                                    <LineSegment Point="3,30" />
                                                    <ArcSegment SweepDirection="Clockwise" Point="0,27" Size="3,3" IsLargeArc="False" />
                                                </PathFigure.Segments>
                                            </PathFigure>
                                        </PathGeometry.Figures>
                                    </PathGeometry>
                                </Path.Data>
                            </Path>

                        </Canvas>

                        <!-- START: Large Button -->
                        <Grid x:Name="GridLargeButtonLayout">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="43" />
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="35" />
                                <RowDefinition Height="14" />
                                <RowDefinition Height="15" />
                            </Grid.RowDefinitions>

                            <Image x:Name="ImgLargeIcon" Grid.Column="0" Grid.Row="0" Stretch="None" Margin="0,1,0,0" />
                            <TextBlock x:Name="TxtFirstLine" Grid.Column="0" Grid.Row="1" FontFamily="Calibri" FontSize="11.5" Foreground="#4C535C" HorizontalAlignment="Center" Text="Paste"  />
                            <StackPanel x:Name="StackSecondLineAndArrow" Orientation="Horizontal" Grid.Column="0" Grid.Row="2" HorizontalAlignment="Center">
                                <TextBlock x:Name="TxtSecondLine" FontFamily="Calibri" FontSize="11.5" Foreground="#4C535C" Text="" HorizontalAlignment="Center" />
                                <Image x:Name="ImgMenuDropDownArrowLarge" Margin="2,0,0,0" Stretch="None" Source="Images/ButtonDownArrow.png" />
                            </StackPanel>
                            
                        </Grid>
                        <!-- END: Large Button -->
                        
                        <!-- START: Small Button -->
                        <Grid x:Name="GridSmallButtonLayout">
                            
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="22" />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="9" />
                            </Grid.ColumnDefinitions>
                            
                            <Grid.RowDefinitions>
                                <RowDefinition Height="22" />
                            </Grid.RowDefinitions>

                            <Image x:Name="ImgSmallIcon" Grid.Column="0" Grid.Row="0" Stretch="None" />
                            <TextBlock x:Name="TxtText" Grid.Column="1" Grid.Row="0" Margin="1,0,0,0" FontFamily="Calibri" FontSize="10.7" Foreground="#4C535C" VerticalAlignment="Center" HorizontalAlignment="Left" />
                            <Image x:Name="ImgMenuDropDownArrowSmall" Grid.Column="2" Grid.Row="0" Stretch="None" Source="Images/ButtonDownArrow.png" HorizontalAlignment="Center" Margin="0,0,3,0" />
                            
                        </Grid>
                        <!-- END: Small Button -->

                        <Canvas x:Name="CanvasClickSurface" Canvas.Top="0" Canvas.Left="0" Width="44" Height="36" Background="Transparent" />
                        <Canvas x:Name="CanvasMenuSplitClickSurface" Canvas.Top="35" Canvas.Left="0" Width="44" Height="30" Background="Transparent" />

                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonButtonGroupButton -->
    <Style TargetType="ribbon:RibbonButtonGroupButton">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonButtonGroupButton">
                    <Grid x:Name="RibbonButtonGroupButtonLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="24" />
                            <ColumnDefinition Width="0" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="22" />
                        </Grid.RowDefinitions>

                        <Canvas x:Name="CanvasRibbonButtonIcon" Grid.Column="0" Grid.Row="0" Width="24" Height="22">
                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Color="#F1F3F3" Offset="0.0" />
                                    <GradientStop Color="#F0F2F2" Offset="0.5" />
                                    <GradientStop Color="#E7EAEE" Offset="0.6" />
                                    <GradientStop Color="#F6F7F8" Offset="1.0" />
                                </LinearGradientBrush>
                            </Canvas.Background>
                            <Line x:Name="LineRightBorder" X1="24" Y1="0" X2="24" Y2="22" Stroke="#C5C6C7" StrokeThickness="0.5"/>
                        </Canvas>
                        <Image x:Name="ImgIcon" Grid.Column="0" Grid.Row="0" Stretch="None" />
                        <Canvas x:Name="CanvasRibbonButtonIconClickSurface" Grid.Column="0" Grid.Row="0"
                                Width="24" Height="22" Background="Transparent" />

                        <Canvas x:Name="CanvasRibbonButtonDropDown" Grid.Column="1" Grid.Row="0" Width="11" Height="22" Visibility="Collapsed">
                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Color="#F1F3F3" Offset="0.0" />
                                    <GradientStop Color="#F0F2F2" Offset="0.5" />
                                    <GradientStop Color="#E7EAEE" Offset="0.6" />
                                    <GradientStop Color="#F6F7F8" Offset="1.0" />
                                </LinearGradientBrush>
                            </Canvas.Background>
                            <Line x:Name="LineFarRightBorder" X1="11" Y1="0" X2="11" Y2="22" Stroke="#C5C6C7" StrokeThickness="0.5"/>
                        </Canvas>
                        <Image x:Name="ImgDropDown" Grid.Column="1" Grid.Row="0" Source="Images/ButtonDownArrow.png"
                               Stretch="None" Visibility="Collapsed" />
                        <Canvas x:Name="CanvasRibbonButtonDropDownClickSurface" Grid.Column="1" Grid.Row="0" Width="11" Height="22"
                                Background="Transparent" Visibility="Collapsed" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonLabel -->
    <Style TargetType="ribbon:RibbonLabel">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonLabel">
                    <Grid x:Name="RibbonLabelLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="22" />
                        </Grid.RowDefinitions>
                        
                        <TextBlock x:Name="TxtText" FontFamily="Calibri" FontSize="10.7" Margin="2,0,0,0" Foreground="#4C535C" VerticalAlignment="Center" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonSeparator -->
    <Style TargetType="ribbon:RibbonSeparator">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonSeparator">
                    <Grid x:Name="RibbonSeparatorLayoutRoot">
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="6" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>

                        <Canvas Width="1" Height="55" Background="#E8EAED" Margin="-1,0,0,0" />
                        <Canvas Width="1" Height="55" Background="#B0B4B6" Margin="1,0,0,0" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonButtonGroup -->
    <Style TargetType="ribbon:RibbonButtonGroup">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonButtonGroup">
                    <Canvas x:Name="RibbonButtonGroupLayoutRoot" Width="184" Height="22">

                        <Canvas.Clip>
                            <RectangleGeometry x:Name="ClipRectGeometry" Rect="0,0,184,22" RadiusX="3" RadiusY="3" />
                        </Canvas.Clip>

                        <Grid x:Name="GridButtons">

                            <Grid.ColumnDefinitions>
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="21" />
                            </Grid.RowDefinitions>

                        </Grid>

                        <Rectangle x:Name="RectOutline" Canvas.Top="-0.5" Canvas.Left="-0.5" Width="185" Height="23" Stroke="#9D9E9F" StrokeThickness="1" RadiusX="3" RadiusY="3" />

                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonToolTip -->
    <Style TargetType="ribbon:RibbonToolTip">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonToolTip">
                    <Grid x:Name="RibbonToolTipLayoutRoot">

                        <Grid.Resources>
                            <Storyboard x:Name="AnimateOpacity">
                                <DoubleAnimation Duration="0:0:0.3"
                                                 From="1"
                                                 To="0"
                                                 Storyboard.TargetName="RibbonToolTipLayoutRoot"
                                                 Storyboard.TargetProperty="Opacity" />
                            </Storyboard>
                        </Grid.Resources>
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <!-- Drop Shadow -->
                        <Canvas x:Name="CanvasDropShadow" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="2,2,0,0" Width="210" Height="94" Background="Gray" Opacity="0.2">

                            <Canvas.Clip>
                                <RectangleGeometry x:Name="CanvasDropShadowClip" Rect="0,0,210,94" RadiusX="2" RadiusY="2" />
                            </Canvas.Clip>

                        </Canvas>

                        <!-- Tool Tip -->
                        <Canvas x:Name="CanvasToolTip" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Top" Width="210" Height="94">

                            <Canvas.Clip>
                                <RectangleGeometry x:Name="CanvasToolTipClip" Rect="0,0,210,94" RadiusX="2" RadiusY="2" />
                            </Canvas.Clip>

                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Offset="0.0" Color="#FFFFFF" />
                                    <GradientStop Offset="1.0" Color="#E4E4F0" />
                                </LinearGradientBrush>
                            </Canvas.Background>

                            <Grid x:Name="GridMainLayout">
                                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="210" />
                                </Grid.ColumnDefinitions>
                                
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="27" />
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="31" />
                                </Grid.RowDefinitions>

                                <TextBlock x:Name="TxtTitle" Grid.Column="0" Grid.Row="0" Margin="7,8,0,0" FontFamily="Calibri" FontSize="11" Foreground="#4C4C4C" FontWeight="SemiBold" />
                                
                                <Grid x:Name="GridScreenTipAndTextLayout" Grid.Column="0" Grid.Row="1">
                                    
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="0" />
                                        <ColumnDefinition Width="210" />
                                    </Grid.ColumnDefinitions>
                                    
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>
                                    
                                    <Image x:Name="ImgScreenTip" Grid.Column="0" Grid.Row="0" Stretch="None" HorizontalAlignment="Left" VerticalAlignment="Top" />
                                    <TextBlock x:Name="TxtDescription" Grid.Column="1" Grid.Row="0" Width="170" HorizontalAlignment="Left" Margin="15,5,0,0" FontFamily="Calibri" FontSize="11" Foreground="#4C4C4C" TextWrapping="Wrap" LineHeight="12" LineStackingStrategy="BlockLineHeight" />
                                    
                                </Grid>
                                
                                <Line x:Name="LineHelpBorder" Grid.Column="0" Grid.Row="2" X1="5" Y1="0" X2="205" Y2="0" Stroke="#767676" StrokeThickness="1">
                                    <Line.Clip>
                                        <RectangleGeometry Rect="0,0,205,0.5" />
                                    </Line.Clip>
                                </Line>
                                <Image x:Name="ImgHelp" Grid.Column="0" Grid.Row="2" Source="Images/Help.png" Stretch="None" Margin="6,7,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" />
                                <TextBlock x:Name="TxtHelp" Grid.Column="0" Grid.Row="2" Margin="28,6,0,0" Text="Press F1 for more help." FontFamily="Calibri" FontSize="11" Foreground="#4C4C4C" FontWeight="SemiBold" />
                            
                            </Grid>

                            <Rectangle x:Name="RectBorder" Canvas.Left="-0.5" Canvas.Top="-0.5" Width="211" Height="95" Stroke="#767676" StrokeThickness="1" />

                        </Canvas>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- RibbonMainMenu -->
    <Style TargetType="ribbon:RibbonMainMenu">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonMainMenu">
                    <Canvas x:Name="RibbonMainMenuLayoutRoot" Width="426" Height="447">

                        <Canvas.Clip>
                            <RectangleGeometry Rect="0,0,426,447" RadiusX="3" RadiusY="3" />
                        </Canvas.Clip>

                        <Canvas.Background>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                <GradientStop Offset="0.0" Color="#CFD4D9" />
                                <GradientStop Offset="0.6" Color="#CCD1D8" />
                                <GradientStop Offset="1.0" Color="#CAD0D7" />
                            </LinearGradientBrush>
                        </Canvas.Background>

                        <Rectangle Canvas.Left="0" Canvas.Top="0" Width="426" Height="16">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Offset="0" Color="#DEE2E5" />
                                    <GradientStop Offset="0.5" Color="#E0E4E7" />
                                    <GradientStop Offset="0.51" Color="#D8DCE1" />
                                    <GradientStop Offset="1" Color="#D2D7DC" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle Canvas.Left="0" Canvas.Top="420" Width="426" Height="27">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Offset="0" Color="#CBD0D7" />
                                    <GradientStop Offset="0.5" Color="#CCD1D8" />
                                    <GradientStop Offset="0.51" Color="#C2C8D0" />
                                    <GradientStop Offset="1" Color="#D9E2E6" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle Canvas.Left="0" Canvas.Top="0.5" Width="426" Height="446" Stroke="#FFFFFF" RadiusX="4" RadiusY="4" />
                        <Rectangle Canvas.Left="-0.5" Canvas.Top="-0.5" Width="427" Height="448" Stroke="#73767A" RadiusX="3" RadiusY="3" />
                        <Rectangle Canvas.Left="5" Canvas.Top="17" Width="417" Height="403" Stroke="#FFFFFF" />
                        <Rectangle Canvas.Left="5.5" Canvas.Top="17.5" Width="416" Height="402" Stroke="#73767A" />

                        <Canvas Canvas.Left="6" Canvas.Top="18" Width="415" Height="401" Background="#FFFFFF">

                            <Line X1="113" Y1="0" X2="113" Y2="401" Stroke="#C5C5C5" />

                            <Grid Canvas.Left="0" Canvas.Top="0" Width="415">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="113" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition MinHeight="401" />
                                </Grid.RowDefinitions>

                                <Canvas Grid.Column="1" Background="#F1F2F5" Margin="1" />
                                <Grid x:Name="GridRecentItems" Grid.Column="1" Margin="1">

                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="27" />
                                        <RowDefinition Height="21" />
                                        <RowDefinition Height="21" />
                                    </Grid.RowDefinitions>

                                    <Line X1="2" Y1="22" X2="300" Y2="22" Stroke="#D2D6DB">
                                        <Line.Clip>
                                            <RectangleGeometry Rect="2,22,300,1" />
                                        </Line.Clip>
                                    </Line>

                                    <TextBlock Text="Recent Documents" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                                               HorizontalAlignment="Left" VerticalAlignment="Top" FontWeight="Bold" Margin="8,4,0,0" />
                        
                                    <!-- Recent Items -->
                                    <ribbon:RibbonMainMenuPinableItem Grid.Row="1" Label="HelloWorld" />
                                    <ribbon:RibbonMainMenuPinableItem Grid.Row="2" Label="Office Open XML Part 1" />
                                    
                                </Grid>
                            </Grid>
                        </Canvas>

                        <!-- Menu Buttons 1 and 2 -->
                        <Grid Canvas.Left="0" Canvas.Top="419" Width="426" Height="27">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <Grid Grid.Column="1" Height="22" Width="106" Margin="0,0,5,0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="22" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Rectangle Grid.ColumnSpan="2" Stroke="#8D949D" StrokeThickness="0.5" RadiusX="2" RadiusY="2" Height="22" Width="106">
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                            <GradientStop Offset="0" Color="#EBF0F5" />
                                            <GradientStop Offset="0.5" Color="#ECF0F5" />
                                            <GradientStop Offset="0.51" Color="#CBD2DB" />
                                            <GradientStop Offset="1" Color="#F0F4F9" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <Image Grid.Column="0" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Center" />
                                <TextBlock Grid.Column="1" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                                           HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,1,0,0">
                                    <TextBlock.Inlines>
                                        <Run>Word Opt</Run><Run TextDecorations="Underline">i</Run><Run>ons</Run>
                                    </TextBlock.Inlines>
                                </TextBlock>
                            </Grid>

                            <Grid Grid.Column="2" Height="22" Width="82" Margin="0,0,5,0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="22" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Rectangle Grid.ColumnSpan="2" Stroke="#8D949D" StrokeThickness="0.5" RadiusX="2" RadiusY="2" Height="22" Width="82">
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                            <GradientStop Offset="0" Color="#EBF0F5" />
                                            <GradientStop Offset="0.5" Color="#ECF0F5" />
                                            <GradientStop Offset="0.51" Color="#CBD2DB" />
                                            <GradientStop Offset="1" Color="#F0F4F9" />
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <Image Grid.Column="0" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Center" />
                                <TextBlock Grid.Column="1" Foreground="#4C535C" FontFamily="Calibri" FontSize="11.5"
                                           HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,1,0,0">
                                    <TextBlock.Inlines>
                                        <Run>E</Run><Run TextDecorations="Underline">x</Run><Run>it Word</Run>
                                    </TextBlock.Inlines>
                                </TextBlock>
                            </Grid>
                            
                        </Grid>
                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <!-- RibbonMainMenuPinableItem -->
    <Style TargetType="ribbon:RibbonMainMenuPinableItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ribbon:RibbonMainMenuPinableItem">
                    <Grid x:Name="RibbonMainMenuPinableItemLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="28" />
                        </Grid.ColumnDefinitions>

                        <Canvas x:Name="CanvasBorder" Grid.Column="0" Grid.ColumnSpan="2" Visibility="Collapsed">
                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Offset="0" Color="#DBCE99" />
                                    <GradientStop Offset="1" Color="#D7D0B3" />
                                </LinearGradientBrush>
                            </Canvas.Background>
                            <Canvas.Clip>
                                <RectangleGeometry x:Name="ClipBorder" Rect="0,0,299,21" RadiusX="3" RadiusY="3" />
                            </Canvas.Clip>
                        </Canvas>

                        <Canvas x:Name="CanvasBackground" Grid.Column="0" Grid.ColumnSpan="2" Margin="0.5" Visibility="Collapsed">
                            <Canvas.Background>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Offset="0" Color="#FFFFFB" />
                                    <GradientStop Offset="0.49" Color="#FFEDB4" />
                                    <GradientStop Offset="0.5" Color="#FFD566" />
                                    <GradientStop Offset="1" Color="#FFF8B5" />
                                </LinearGradientBrush>
                            </Canvas.Background>
                            <Canvas.Clip>
                                <RectangleGeometry x:Name="ClipBackground" Rect="0.5,0.5,297,19" RadiusX="2" RadiusY="2" />
                            </Canvas.Clip>
                        </Canvas>

                        <Grid x:Name="GridText" Grid.Column="0">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="20" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>

                            <TextBlock x:Name="TxtNumber" Grid.Column="0" Foreground="#4C535C" FontFamily="Calibri" FontSize="11"
                                       HorizontalAlignment="Center" VerticalAlignment="Center" TextDecorations="Underline" />
                            <TextBlock x:Name="TxtText" Grid.Column="1" Foreground="#4C535C" FontFamily="Calibri" FontSize="11"
                                       HorizontalAlignment="Left" VerticalAlignment="Center" />
                            
                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- CheckBox -->
    <Style TargetType="input:CheckBox">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="input:CheckBox">
                    <Grid x:Name="CheckBoxLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="23" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="23" />
                        </Grid.RowDefinitions>

                        <Canvas x:Name="CanvasBorder" Grid.Column="0" Grid.Row="0" Width="13" Height="13" Background="#9B9DA0">
                            <Canvas x:Name="CanvasBackground" Canvas.Left="1" Canvas.Top="1" Width="11" Height="11" Background="#F4F4F4" />
                            <Canvas x:Name="CanvasInnerBorder" Canvas.Left="2" Canvas.Top="2" Width="9" Height="9">
                                <Canvas.Background>
                                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                        <GradientStop Offset="0.0" Color="#A2ACB9" />
                                        <GradientStop Offset="1.0" Color="#E4E6EA" />
                                    </LinearGradientBrush>
                                </Canvas.Background>
                            </Canvas>
                            <Canvas x:Name="CanvasInner" Canvas.Left="3" Canvas.Top="3" Width="7" Height="7">
                                <Canvas.Background>
                                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                                        <GradientStop Offset="0.0" Color="#CACFD5" />
                                        <GradientStop Offset="1.0" Color="#F6F6F6" />
                                    </LinearGradientBrush>
                                </Canvas.Background>
                            </Canvas>
                        </Canvas>
                        
                        <Image x:Name="ImgCheck" Grid.Column="0" Grid.Row="0" Stretch="None" />

                        <TextBlock x:Name="TxtText" Grid.Column="1" Grid.Row="0" FontFamily="Calibri" FontSize="10.7" Margin="1,1,5,0" Foreground="#4C535C" Text="Document Map" VerticalAlignment="Center" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- NumericUpDown -->
    <Style TargetType="input:NumericUpDown">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="input:NumericUpDown">
                    <Grid Margin="4,0,1,0" x:Name="NumericUpDownLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="72" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="22" />
                        </Grid.RowDefinitions>

                        <!-- Image -->
                        <Image x:Name="ImgImage" Grid.Column="0" Grid.Row="0" Stretch="None" Margin="0,0,1,0" />

                        <!-- Label -->
                        <TextBlock x:Name="TxtLabel" Grid.Column="1" Grid.Row="0" Margin="0,0,3,0" FontFamily="Calibri" FontSize="11" Foreground="#4C535C" VerticalAlignment="Center" HorizontalAlignment="Left" />

                        <!-- Numeric Up Down -->
                        <Canvas x:Name="CanvasMainBorder" Grid.Column="3" Grid.Row="0" Background="#A4A4A4" />
                        <Canvas x:Name="CanvasMainBackground" Grid.Column="3" Grid.Row="0" Margin="1,1,1,1" Background="#E8EAEC" />

                        <Grid Grid.Column="3" Grid.Row="0">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="54" />
                                <ColumnDefinition Width="20" />
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="22" />
                            </Grid.RowDefinitions>

                            <TextBox x:Name="TbxText" Grid.Column="0" Grid.Row="0" Margin="1,1,0,1" Width="52" Height="20" Background="Transparent"
                                     Text="0'" FontFamily="Calibri" FontSize="10.7" SelectionBackground="#88C3FF" SelectionForeground="#000000" Padding="3,2,0,0">
                                <TextBox.Template>
                                    <ControlTemplate>
                                        <Grid x:Name="RootElement">
                                            <Grid.Resources>
                                                <SolidColorBrush x:Key="Background" Color="Transparent"/>

                                                <SolidColorBrush x:Key="BorderBrush" Color="Transparent"/>
                                                <SolidColorBrush x:Key="AccentBrush" Color="Transparent"/>

                                                <LinearGradientBrush x:Key="FocusedStrokeBrush" StartPoint="0.5,0" EndPoint="0.5,1">
                                                    <GradientStop Color="Transparent" Offset="0"/>
                                                    <GradientStop Color="Transparent" Offset="1"/>
                                                    <GradientStop Color="Transparent" Offset="0.325"/>
                                                    <GradientStop Color="Transparent" Offset="0.325"/>
                                                </LinearGradientBrush>

                                                <Storyboard x:Key="Normal State">
                                                    <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                                        Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.0"/>
                                                </Storyboard>

                                                <Storyboard x:Key="Focused State">
                                                    <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                                                     Storyboard.TargetProperty="Opacity"
                                                                     To="1" Duration="0:0:0.0"/>
                                                </Storyboard>
                                            </Grid.Resources>

                                            <Rectangle StrokeThickness=".5" RadiusX="2" 
                                                        RadiusY="2" Fill="{TemplateBinding Background}"/>

                                            <Rectangle StrokeThickness="0" RadiusX="2" RadiusY="2" Stroke="#FF003255"/>
                                            <Border x:Name="ContentElement" Padding="{TemplateBinding Padding}"/>

                                            <Grid x:Name="FocusVisualElement" Opacity="0" IsHitTestVisible="False">
                                                <Rectangle RadiusX="1" RadiusY="1" Margin="2" Stroke="{StaticResource AccentBrush}" StrokeThickness="0"/>
                                                <Rectangle RadiusX="1" RadiusY="1" Stroke="{StaticResource Background}" StrokeThickness="0"/>
                                                <Rectangle RadiusX="1" RadiusY="1" Stroke="{StaticResource FocusedStrokeBrush}" StrokeThickness="0"/>
                                            </Grid>
                                        </Grid>
                                    </ControlTemplate>
                                </TextBox.Template>
                            </TextBox>

                            <Grid Grid.Column="1" Grid.Row="0">

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="18" />
                                </Grid.ColumnDefinitions>

                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <!-- Up Arrow -->
                                <Canvas x:Name="CanvasUpOuterBorder" Grid.Column="0" Grid.Row="0" Margin="0,1,1,0" Background="Transparent" />
                                <Canvas x:Name="CanvasUpInnerBorder" Grid.Column="0" Grid.Row="0" Margin="1,2,2,0" Background="Transparent" /> <!-- Margin="1,2,2,1" -->
                                <Canvas x:Name="CanvasUpBackground" Grid.Column="0" Grid.Row="0" Margin="2,3,3,2" Background="Transparent" />
                                <Image Grid.Column="0" Grid.Row="0" Stretch="None" Source="Images/ButtonUpArrow.png" Margin="0,2,1,0" />
                                <Canvas x:Name="CanvasUpClickSurface" Grid.Column="0" Grid.Row="0" Margin="0,1,1,0" Background="Transparent" />

                                <!-- Down Arrow -->
                                <Canvas x:Name="CanvasDownOuterBorder" Grid.Column="0" Grid.Row="1" Margin="0,0,1,1" Background="Transparent" />
                                <Canvas x:Name="CanvasDownInnerBorder" Grid.Column="0" Grid.Row="1" Margin="1,0,2,2" Background="Transparent" /> <!-- Margin="1,1,2,2" -->
                                <Canvas x:Name="CanvasDownBackground" Grid.Column="0" Grid.Row="1" Margin="2,2,3,3" Background="Transparent" />
                                <Image Grid.Column="0" Grid.Row="1" Stretch="None" Source="Images/ButtonDownArrow.png" Margin="0,0,1,2" />
                                <Canvas x:Name="CanvasDownClickSurface" Grid.Column="0" Grid.Row="1" Margin="0,0,1,1" Background="Transparent" />

                            </Grid>

                        </Grid>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- DropDownList -->
    <Style TargetType="input:DropDownList">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="input:DropDownList">
                    <Grid x:Name="DropDownListLayoutRoot" Height="22">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="22" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="{TemplateBinding Width}" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="22" />
                        </Grid.RowDefinitions>

                        <!-- Icon -->
                        <Image x:Name="ImgIcon" Grid.Column="0" Grid.Row="0" Stretch="None" />

                        <!-- Label -->
                        <TextBlock x:Name="TxtLabel" Grid.Column="1" Grid.Row="0" FontFamily="Calibri" FontSize="11.5" Foreground="#4C535C" VerticalAlignment="Center" Margin="1,0,3,0" />

                        <!-- DropDownList -->
                        <Canvas x:Name="DropDownListCanvas" Grid.Column="2" Grid.Row="0" Margin="0,1,0,0" Background="#E8EAEC" Height="21" Width="{TemplateBinding Width}">

                            <Canvas.Clip>
                                <RectangleGeometry x:Name="DropDownListRectClip" Rect="0,1,61,21" />
                            </Canvas.Clip>

                            <Rectangle x:Name="DropDownListBorder" Canvas.Left="-0.5" Canvas.Top="-0.5" Width="62" Height="22" Stroke="#A9B1B8" />

                            <Grid Width="{TemplateBinding Width}" Height="21">

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="14" />
                                </Grid.ColumnDefinitions>

                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>

                                <TextBox x:Name="TbxText" Grid.Column="0" Margin="1,1,0,1" Background="Transparent" Padding="3,2,0,0" Text="APA"
                                                 FontFamily="Calibri" FontSize="10.7" SelectionBackground="#88C3FF" SelectionForeground="#000000">
                                    <TextBox.Template>
                                        <ControlTemplate>
                                            <Grid x:Name="RootElement">
                                                <Grid.Resources>
                                                    <SolidColorBrush x:Key="Background" Color="Transparent"/>

                                                    <SolidColorBrush x:Key="BorderBrush" Color="Transparent"/>
                                                    <SolidColorBrush x:Key="AccentBrush" Color="Transparent"/>

                                                    <LinearGradientBrush x:Key="FocusedStrokeBrush" StartPoint="0.5,0" EndPoint="0.5,1">
                                                        <GradientStop Color="Transparent" Offset="0"/>
                                                        <GradientStop Color="Transparent" Offset="1"/>
                                                        <GradientStop Color="Transparent" Offset="0.325"/>
                                                        <GradientStop Color="Transparent" Offset="0.325"/>
                                                    </LinearGradientBrush>

                                                    <Storyboard x:Key="Normal State">
                                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                                                    Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.0"/>
                                                    </Storyboard>

                                                    <Storyboard x:Key="Focused State">
                                                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                                                                 Storyboard.TargetProperty="Opacity"
                                                                                 To="1" Duration="0:0:0.0"/>
                                                    </Storyboard>
                                                </Grid.Resources>

                                                <Rectangle StrokeThickness=".5" RadiusX="2" 
                                                                    RadiusY="2" Fill="{TemplateBinding Background}"/>

                                                <Rectangle StrokeThickness="0" RadiusX="2" RadiusY="2" Stroke="#FF003255"/>
                                                <Border x:Name="ContentElement" Padding="{TemplateBinding Padding}"/>

                                                <Grid x:Name="FocusVisualElement" Opacity="0" IsHitTestVisible="False">
                                                    <Rectangle RadiusX="1" RadiusY="1" Margin="2" Stroke="{StaticResource AccentBrush}" StrokeThickness="0"/>
                                                    <Rectangle RadiusX="1" RadiusY="1" Stroke="{StaticResource Background}" StrokeThickness="0"/>
                                                    <Rectangle RadiusX="1" RadiusY="1" Stroke="{StaticResource FocusedStrokeBrush}" StrokeThickness="0"/>
                                                </Grid>
                                            </Grid>
                                        </ControlTemplate>
                                    </TextBox.Template>
                                </TextBox>

                                <Canvas x:Name="ButtonBorder" Grid.Column="1" Background="Transparent" />
                                <Canvas x:Name="ButtonBackground" Grid.Column="1" Margin="1,1,1,1" Background="Transparent" />
                                <Image Grid.Column="1" Source="Images/ButtonDownArrow.png" Stretch="None" />
                                <Canvas x:Name="ButtonClickSurface" Grid.Column="1" Background="Transparent" />

                            </Grid>

                        </Canvas>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Menu -->
    <Style TargetType="menu:Menu">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="menu:Menu">
                    <Canvas x:Name="MenuLayoutRoot" Background="White">

                        <Canvas.Resources>
                            <Storyboard x:Name="AnimateVisibility">
                                <DoubleAnimation x:Name="VisibilityAnimation"
                                 Storyboard.TargetName="MenuLayoutRoot"
                                 Storyboard.TargetProperty="Opacity"
                                 Duration="0:0:0.3"
                                 From="0"
                                 To="1" />
                            </Storyboard>
                        </Canvas.Resources>

                        <Rectangle x:Name="RectBackgroundShadow" Canvas.Left="3" Canvas.Top="3" Fill="#E6E3EC"
                                   Width="130" Height="102" RadiusX="2" RadiusY="2" Stroke="#EDEAF1" Opacity="0.2" />
                        <Rectangle x:Name="RectBackground" Canvas.Left="0" Canvas.Top="0" Fill="#FFFFFF"
                                   Width="130" Height="102" RadiusX="2" RadiusY="2" Stroke="#868686" />
                        <Rectangle x:Name="RectIconBorder" Canvas.Left="1" Canvas.Top="1" Fill="#EFEFEF" Width="25" Height="100" />
                        <Line x:Name="LineIconBorder" X1="27" Y1="2" X2="27" Y2="100" Stroke="#C5C5C5" StrokeThickness="1">
                            <Line.Clip>
                                <RectangleGeometry x:Name="LineIconBorderClip" Rect="0,0,27,100" />
                            </Line.Clip>
                        </Line>

                        <StackPanel x:Name="SkPnlMenuItems" Orientation="Vertical" Margin="2,2,2,2" />

                        <Grid x:Name="GridResizeBar" Width="100" Canvas.Left="2" Canvas.Top="450" Visibility="Collapsed">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="10" />
                            </Grid.RowDefinitions>

                            <Canvas x:Name="CanvasResizeBar" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="3">
                                <Canvas.Background>
                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                        <GradientStop Color="#FFFFFF" Offset="0.0" />
                                        <GradientStop Color="#C6C6C6" Offset="1.0" />
                                    </LinearGradientBrush>
                                </Canvas.Background>

                                <Line x:Name="LineResizeBarBorder" X1="0" Y1="0" X2="100" Y2="0" Stroke="#AFD3EA">
                                    <Line.Clip>
                                        <RectangleGeometry x:Name="RectResizeBarBorderClip" Rect="0,0,100,1" />
                                    </Line.Clip>
                                </Line>
                            </Canvas>

                            <Image x:Name="ImgDragVertical" Grid.Column="1" Grid.Row="0" Source="Images/DragVertical.png" Stretch="None" Visibility="Collapsed" Cursor="SizeNS" />
                            <Image x:Name="ImgDragBoth" Grid.Column="2" Grid.Row="0" Source="Images/DragBoth.png" Stretch="None" Visibility="Collapsed" Cursor="SizeNS" HorizontalAlignment="Right" />
                        </Grid>

                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- MenuItem -->
    <Style TargetType="menu:MenuItem">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="menu:MenuItem">
                    <Grid x:Name="MenuItemLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="26" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="22" />
                        </Grid.RowDefinitions>

                        <Rectangle x:Name="RectHighlight" Visibility="Collapsed" Stroke="#DDCF9B"
                                   StrokeThickness="1" RadiusX="2" RadiusY="2"
                                   Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Color="#FFFFF7" Offset="0.0" />
                                    <GradientStop Color="#FFD654" Offset="0.7" />
                                    <GradientStop Color="#FFD654" Offset="0.8" />
                                    <GradientStop Color="#FFEAA6" Offset="1.0" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>

                        <Rectangle x:Name="RectHighlightSubMenu" Visibility="Collapsed" Stroke="Transparent" Width="23" Height="20"
                                   Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right" Margin="0,0,1,0">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                    <GradientStop Color="#FFFFFE" Offset="0.0" />
                                    <GradientStop Color="#FFF8E3" Offset="0.7" />
                                    <GradientStop Color="#FFF0C5" Offset="0.8" />
                                    <GradientStop Color="#FFF5D4" Offset="1.0" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Rectangle x:Name="RectIconHighlight" Grid.Column="0" Grid.Row="0" Fill="#FFE395"
                                   Stroke="#F29536" StrokeThickness="1" RadiusX="2" RadiusY="2"
                                   Width="20" Height="20" Visibility="Collapsed" Margin="0,0,1,0" />
                        <Image x:Name="ImgImage" Grid.Column="0" Grid.Row="0" Stretch="None" Margin="0,0,1,0" />
                        <Canvas x:Name="CanvasImageDisabled" Grid.Column="0" Grid.Row="0" Visibility="Collapsed">
                            <Canvas.Background>
                                <SolidColorBrush Color="#EFEFEF" Opacity="0.7" />
                            </Canvas.Background>
                        </Canvas>

                        <Grid x:Name="GridText" Grid.Column="1" Grid.Row="0">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="15" />
                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>
                                <RowDefinition Height="22" />
                            </Grid.RowDefinitions>

                            <TextBlock x:Name="TxtText" Grid.Column="0" Grid.Row="0" FontFamily="Calibri" FontSize="11"
                                       Foreground="#4C5379" Margin="8,0,8,0" VerticalAlignment="Center" />

                            <Canvas x:Name="CanvasSubMenuBorder" Grid.Column="1" Grid.Row="0" Visibility="Collapsed">
                                <Line x:Name="LineSubMenuBorder" X1="0" Y1="4" X2="0" Y2="18" Stroke="#B8B4A3">
                                    <Line.Clip>
                                        <RectangleGeometry Rect="0,0,1,22" />
                                    </Line.Clip>
                                </Line>
                            </Canvas>
                            <Image x:Name="ImgArrow" Grid.Column="1" Grid.Row="0" Stretch="None" />

                        </Grid>

                        <Canvas x:Name="CanvasClickSurface" Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="0" Background="Transparent" />

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    <!-- MenuSeparator -->
    <Style TargetType="menu:MenuSeparator">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="menu:MenuSeparator">
                    <Grid x:Name="MenuSeparatorLayoutRoot">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="26" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="2" />
                        </Grid.RowDefinitions>

                        <Canvas Grid.Column="1" Grid.Row="0">
                            <Line x:Name="LineSeparator" X1="6" Y1="0" X2="100" Y2="0" Stroke="#C5C5C5">
                                <Line.Clip>
                                    <RectangleGeometry x:Name="LineSeparatorClip" Rect="6,0,100,1" />
                                </Line.Clip>
                            </Line>
                        </Canvas>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- Document -->
    <Style TargetType="input:Document">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="input:Document">
                    <Grid x:Name="GridWordDocument" Background="#B2B1C2">

                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="24" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>

                        <!-- Ruler (Width = (inchWidth*numberOfIncehes)+2) (col0 and col2 width = inch width -->
                        <Grid x:Name="GridHorizontalRuler" Grid.Column="0" Grid.Row="0" Width="818" Height="13" Background="#FFFFFF" Margin="4,0,0,0">

                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <Canvas x:Name="CanvasLeftMargin" Grid.Column="0" Background="#C7CDD8" Width="96" />
                            <Canvas x:Name="CanvasRightMargin" Grid.Column="2" Background="#C7CDD8" Width="96" />
                            <Rectangle x:Name="RectHorizontalRulerBorder" Grid.Column="0" Grid.ColumnSpan="3" Stroke="#DCE1EB" StrokeThickness="0.5" />
                            <Canvas x:Name="CanvasHorizontalRulerMarks" Grid.Column="0" Grid.ColumnSpan="3" Background="Transparent">
                                <Canvas.Clip>
                                    <RectangleGeometry x:Name="ClipHorizontalRulerMarks" Rect="0,0,818,20" />
                                </Canvas.Clip>
                            </Canvas>

                            <Canvas x:Name="CanvasRulerControls" Grid.Column="0" Background="Transparent">

                                <Canvas x:Name="CanvasFirstLineIndent" Canvas.Top="-4" Canvas.Left="110">
                                    <Path x:Name="PathFirstLineIndent" Stroke="#7C7C7C">
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathGeometry.Figures>
                                                    <PathFigure IsClosed="True" IsFilled="True" StartPoint="0,0">
                                                        <LineSegment Point="10,0" />
                                                        <LineSegment Point="10,4" />
                                                        <LineSegment Point="5,8" />
                                                        <LineSegment Point="0,4" />
                                                    </PathFigure>
                                                </PathGeometry.Figures>
                                            </PathGeometry>
                                        </Path.Data>

                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,0.5">
                                                <GradientStop Offset="0.0" Color="#FFFFFF" />
                                                <GradientStop Offset="0.6" Color="#C9C9C9" />
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Canvas>

                                <Canvas x:Name="CanvasHangingAndLeftIndent" Canvas.Top="4" Canvas.Left="110">
                                    <Path x:Name="PathHangingIndent" Stroke="#7C7C7C">
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathGeometry.Figures>
                                                    <PathFigure IsClosed="True" IsFilled="True" StartPoint="0,8">
                                                        <LineSegment Point="10,8" />
                                                        <LineSegment Point="10,4" />
                                                        <LineSegment Point="5,0" />
                                                        <LineSegment Point="0,4" />
                                                    </PathFigure>
                                                </PathGeometry.Figures>
                                            </PathGeometry>
                                        </Path.Data>

                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,0.5">
                                                <GradientStop Offset="0.0" Color="#FFFFFF" />
                                                <GradientStop Offset="0.6" Color="#C9C9C9" />
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>

                                    <Path x:Name="PathLeftIndent" Stroke="#7C7C7C">
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathGeometry.Figures>
                                                    <PathFigure IsClosed="False" IsFilled="True" StartPoint="10,8.5">
                                                        <LineSegment Point="10,14" />
                                                        <LineSegment Point="0,14" />
                                                        <LineSegment Point="0,8.5" />
                                                    </PathFigure>
                                                </PathGeometry.Figures>
                                            </PathGeometry>
                                        </Path.Data>

                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,0.5">
                                                <GradientStop Offset="0.0" Color="#FFFFFF" />
                                                <GradientStop Offset="0.6" Color="#C9C9C9" />
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Canvas>

                                <Canvas x:Name="CanvasRightIndent" Canvas.Top="4" Canvas.Left="430">
                                    <Path x:Name="PathRightIndent" Stroke="#7C7C7C">
                                        <Path.Data>
                                            <PathGeometry>
                                                <PathGeometry.Figures>
                                                    <PathFigure IsClosed="True" IsFilled="True" StartPoint="0,8">
                                                        <LineSegment Point="10,8" />
                                                        <LineSegment Point="10,4" />
                                                        <LineSegment Point="5,0" />
                                                        <LineSegment Point="0,4" />
                                                    </PathFigure>
                                                </PathGeometry.Figures>
                                            </PathGeometry>
                                        </Path.Data>

                                        <Path.Fill>
                                            <LinearGradientBrush StartPoint="0,0" EndPoint="1,0.5">
                                                <GradientStop Offset="0.0" Color="#FFFFFF" />
                                                <GradientStop Offset="0.6" Color="#C9C9C9" />
                                            </LinearGradientBrush>
                                        </Path.Fill>
                                    </Path>
                                </Canvas>

                            </Canvas>
                        </Grid>

                        <ScrollViewer x:Name="ScrollViewerLeftRulerAndPage" Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="1" HorizontalScrollBarVisibility="Auto">
                            <ScrollViewer.Template>
                                <ControlTemplate TargetType="ScrollViewer">
                                    <Border CornerRadius="0" BorderBrush="Transparent" BorderThickness="0">
                                        <Grid Background="{TemplateBinding Background}">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="Auto"/>
                                            </Grid.ColumnDefinitions>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                                <RowDefinition Height="Auto"/>
                                            </Grid.RowDefinitions>
                                            <Rectangle Grid.Column="1" Grid.Row="1" Fill="#FFE9E9E9" />
                                            <!-- Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" -->
                                            <ScrollContentPresenter x:Name="ScrollContentPresenter"
                                                                    Grid.Column="0"
                                                                    Grid.Row="0"
                                                                    Content="{TemplateBinding Content}"
                                                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                                                    Cursor="{TemplateBinding Cursor}"
                                                                    Margin="{TemplateBinding Padding}" />
                                            <ScrollBar x:Name="VerticalScrollBar"
                                                       Grid.Column="1"
                                                       Grid.Row="0"
                                                       Orientation="Vertical"
                                                       Cursor="Arrow"
                                                       Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                                       ViewportSize="{TemplateBinding ViewportHeight}"
                                                       Minimum="0"
                                                       Maximum="{TemplateBinding ScrollableHeight}"
                                                       Value="{TemplateBinding VerticalOffset}" 
                                                       Width="18"
                                                       MinHeight="70"
                                                       VerticalAlignment="Top"/>
                                            <Canvas Grid.Column="1" Grid.Row="0" Background="#B7BAC2" Height="50" VerticalAlignment="Bottom" />
                                            <ScrollBar x:Name="HorizontalScrollBar"
                                                       Grid.Column="0"
                                                       Grid.Row="1"
                                                       Orientation="Horizontal"
                                                       Cursor="Arrow"
                                                       Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                                                       ViewportSize="{TemplateBinding ViewportWidth}"
                                                       Minimum="0"
                                                       Maximum="{TemplateBinding ScrollableWidth}"
                                                       Value="{TemplateBinding HorizontalOffset}" 
                                                       Height="18"/>
                                        </Grid>
                                    </Border>
                                </ControlTemplate>
                            </ScrollViewer.Template>

                            <ScrollViewer.Content>
                                <Grid x:Name="GridLeftRulerAndPage">

                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="24" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>

                                    <Grid x:Name="GridVerticalRuler" Grid.Column="0" Grid.Row="0" Width="13" Height="400"
                                          Background="#FFFFFF" VerticalAlignment="Top" Margin="0,13,0,0">

                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>

                                        <Canvas x:Name="CanvasTopMargin" Grid.Row="0" Background="#C7CDD8" Height="96" />
                                        <Canvas x:Name="CanvasBottomMargin" Grid.Row="2" Background="#C7CDD8" Height="96" />
                                        <Rectangle x:Name="RectVerticalRulerBorder" Grid.Row="0" Grid.ColumnSpan="3" Stroke="#DCE1EB" StrokeThickness="0.5" />
                                        <Canvas x:Name="CanvasVerticalRulerMarks" Grid.Row="0" Grid.RowSpan="3" Background="Transparent">
                                            <Canvas.Clip>
                                                <RectangleGeometry x:Name="ClipVerticalRulerMarks" Rect="0,0,20,400" />
                                            </Canvas.Clip>
                                        </Canvas>

                                    </Grid>

                                    <Canvas x:Name="CanvasDocumentArea" Grid.Column="1">
                                        <Canvas.Background>
                                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                                <GradientStop Offset="0.0" Color="#CCCFD8" />
                                                <GradientStop Offset="1.0" Color="#9B9FA6" />
                                            </LinearGradientBrush>
                                        </Canvas.Background>

                                        <Grid x:Name="GridPages" Grid.Column="1" Margin="0,13,0,3" />

                                        <Line x:Name="LineVerticalDashed" X1="50" Y1="50" X2="50" Y2="250" Visibility="Collapsed"
                                              Stroke="#000000" StrokeDashArray="1,2,1,2,1,6" StrokeThickness="1" />

                                        <Line x:Name="LineHorizontalDashed" X1="50" Y1="50" X2="250" Y2="50" Visibility="Collapsed"
                                              Stroke="#000000" StrokeDashArray="1,2,1,2,1,6" StrokeThickness="1" />
                                    </Canvas>

                                </Grid>
                            </ScrollViewer.Content>
                        </ScrollViewer>

                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!-- DocumentPage -->
    <Style TargetType="input:DocumentPage">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="input:DocumentPage">
                    <Canvas x:Name="CanvasPage" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}"
                            Background="#FFFFFF">
                        <Rectangle x:Name="RectPageBorder" Canvas.Left="0" Canvas.Top="0" Stroke="#646464"
                                   Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" />
                        <TextBox x:Name="TbxPageText" Background="Transparent" Width="500" Height="500" Canvas.Left="96" Canvas.Top="96"
                                 FontFamily="Calibri" FontSize="16" SelectionBackground="#88C3FF" SelectionForeground="#000000" AcceptsReturn="True">
                            <TextBox.Template>
                                <ControlTemplate>
                                    <Grid x:Name="RootElement">
                                        <Grid.Resources>
                                            <SolidColorBrush x:Key="Background" Color="Transparent"/>

                                            <SolidColorBrush x:Key="BorderBrush" Color="Transparent"/>
                                            <SolidColorBrush x:Key="AccentBrush" Color="Transparent"/>

                                            <LinearGradientBrush x:Key="FocusedStrokeBrush" StartPoint="0.5,0" EndPoint="0.5,1">
                                                <GradientStop Color="Transparent" Offset="0"/>
                                                <GradientStop Color="Transparent" Offset="1"/>
                                                <GradientStop Color="Transparent" Offset="0.325"/>
                                                <GradientStop Color="Transparent" Offset="0.325"/>
                                            </LinearGradientBrush>

                                            <Storyboard x:Key="Normal State">
                                                <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                                        Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.0"/>
                                            </Storyboard>

                                            <Storyboard x:Key="Focused State">
                                                <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                                                     Storyboard.TargetProperty="Opacity"
                                                                     To="1" Duration="0:0:0.0"/>
                                            </Storyboard>
                                        </Grid.Resources>

                                        <Rectangle StrokeThickness=".5" RadiusX="2" 
                                                        RadiusY="2" Fill="{TemplateBinding Background}"/>

                                        <Rectangle StrokeThickness="0" RadiusX="2" RadiusY="2" Stroke="#FF003255"/>
                                        <Border x:Name="ContentElement" Padding="{TemplateBinding Padding}"/>

                                        <Grid x:Name="FocusVisualElement" Opacity="0" IsHitTestVisible="False">
                                            <Rectangle RadiusX="1" RadiusY="1" Margin="2" Stroke="{StaticResource AccentBrush}" StrokeThickness="0"/>
                                            <Rectangle RadiusX="1" RadiusY="1" Stroke="{StaticResource Background}" StrokeThickness="0"/>
                                            <Rectangle RadiusX="1" RadiusY="1" Stroke="{StaticResource FocusedStrokeBrush}" StrokeThickness="0"/>
                                        </Grid>
                                    </Grid>
                                </ControlTemplate>
                            </TextBox.Template>
                        </TextBox>
                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>